/** Slide Show **/
#home-slide {
	width: 960px;
	height: 320px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
        
}

.home-slide li .slide-caption {
    float: left;
    width: 300px;
    height: 312px;
    margin-right: 20px;
    background: rgba(0, 0, 0, 0.7);
    position: relative;
}
.home-slide li .slide-caption p {
    color: #FFF;
    font-size: 1.3em;
    padding: 30px 10px;
    line-height: 22px;
}
.home-slide li .slide-caption a.view-detail {
    color: #FFF;
    font-size: 1.3em;
    display: block;
    text-align: right;
    width: 200px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.home-slide li .slide-image {
    float: right;
    width: 620px;
  -webkit-box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.2);
}

/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */
.anythingSlider-habitas .arrow {
	display: block;
	position: absolute;
	bottom: 140px;
	z-index: 100;
}
.anythingSlider-habitas .arrow a {
	display: block;
	width: 32px;
	height: 32px;
	text-align: center;
	outline: 0;
	background: url(../img/sprite.png) no-repeat;
        
}

/* back arrow */
.anythingSlider-habitas .back { left: 345px; }
.anythingSlider-habitas .back a { background-position: -105px top; }
/*
.anythingSlider-habitas .back a:hover,
.anythingSlider-habitas .back a.hover { background-position: left -27px; }
*/

/* forward arrow */
.anythingSlider-habitas .forward { right: 5px; }
.anythingSlider-habitas .forward a { background-position: -140px top; }
/*
.anythingSlider-habitas .forward a:hover,
.anythingSlider-habitas .forward a.hover { background-position: -24px -27px; }
*/

.anythingSlider-habitas .anythingControls {
    
}

/***********************
COMMON SLIDER STYLING
***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
        margin-top: 65px;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
	apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}

/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
	display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
	float: none;
}

/* fade mode */
.anythingSlider .fade .panel {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
	z-index: 1;
}
/* Overide of bootstrap */
.fade {
  opacity: 1;
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}